<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文章添加--layui后台管理模板</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="../../js/layui/css/layui.css"
	media="all" />
<script src="../../js/layui/layui.js"></script>
<link rel="stylesheet" href="../../css/font_eolqem241z66flxr.css"
	media="all" />
	<style type="text/css">
	.layui-form-item{
	 margin-top: 30px;
	}
	</style>
</head>
<body class="childrenBody">
	<form class="layui-form" style="width: 80%;" id="Form" lay-filter="Form">
		
		<input type="hidden" name="id" />
		<div class="layui-form-item">
		
			<div class="layui-inline">
				<label class="layui-form-label">标题</label>
				
				<div class="layui-input-inline" style="width: 220px">
				<input name="sdId" lay-filter="browseLook" />
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">商品详情</label>
			<textarea name="sdTitle" required lay-verify="required" placeholder="请输入" class="layui-textarea"style="width: 200px"></textarea>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label"><span style="color: red;">* </span>轮播图</label>
			<div class="layui-input-block">
				<button type="button" class="layui-btn" id="upload">
					<i class="layui-icon"></i>上传图片
				</button>
			</div>
			<div  class="layui-input-block" style="margin-top: 20px;">
			<img id="imgFace" style="width: 120px" src="" /><br />
			 <input type="hidden" name="sdUrl" id="picName" class="layui-input" />
			</div>
		</div>
		<label class="layui-form-label">权重</label>
			<div class="layui-input-inline">
				<input type="text" class="layui-input newsName" name="sdWeight"
					lay-verify="required">
			</div>
		<div class="layui-form-item">
			<div class="layui-input-block">
				<button class="layui-btn" lay-submit="" lay-filter="addDesigner" id="submit">立即提交</button>
				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>
		</div>
	</form>
	<script type="text/javascript">
		layui.use([ 'upload', 'layer' ,'form','upload'], function() {
			var upload = layui.upload, $ = layui.$,form=layui.form, layer = layui.layer;
			var data=JSON.parse(sessionStorage.getItem("carousel")); //存放数据，修改时用
			form.val("Form",{
				"sdId":data.sdId,
				"sdTitle":data.sdTitle,
				"sdWeight":data.sdWeight,
				"sdUrl":data.sdUrl
			});
			$("#imgFace").attr("src",
					"../../../images/" + data.cfImgs);
			 var uploadInst = upload.render({
					elem : '#upload', //绑定元素
					url : 'http://localhost:8080/Greenleaf/uploadImage/upload',
					done : function(res) {
						if (res.success) {
							//把返回的图片名，放到img标记的src里面
							$("#imgFace").attr("src",
									"../../../images/" + res.remark);
							//把返回的图片名，保存在隐藏域里面
							$("#picName").val(res.remark);
							layer.msg('新图片上传成功', {
								icon : 6,
								time : 1500
							});
						}
					},
					error : function() {
						layer.msg("图片上传失败");
					}
				});
			form.on('submit(addDesigner)',function(data){
				$.post(
						'http://localhost:8080/Greenleaf/slideShow/update',
								$("#Form").serialize(),function(res){
							if (res) {
								
								var index = top.layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});
						        setTimeout(function(){
						            top.layer.close(index);
									top.layer.msg("轮播图内容编辑成功！");
						 			layer.closeAll("iframe");
							 		//刷新父页面
							 		parent.location.reload();
						        },1000);
							}else{
								var index = top.layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});
						        setTimeout(function(){
						            top.layer.close(index);
									top.layer.msg("轮播图内容编辑失败！");
						 			
						        },1000);
							}
						},"text"
				)
				return false;
			})
		});
	</script>

	<!-- <script type="text/javascript" src="linksAdd.js"></script> -->
</body>
</html>